<include file="Common/nav" current="findr"/>
<div class="container" style="max-width:60%;" id="findr-form">
  <div class="mycontent">
    <form role="form" id="findr" action="{:U('/findr_process')}" method="get">
      <!-- title -->
      <div class="form-group">
        <label for="title">Title</label>
        <input type="text" class="form-control" placeholder="e.g: Matrix" id="title" name="title" style="max-width:50%;">
        <span class="help-block"><i>"foo  bar"</i> and <i>"foo | bar"</i> are supported</span>
      </div>
      <!-- releasedate -->
      <div class="form-group">
        <label>Release Date</label>
        <div class="form-inline">
          <div class="form-group">
            <label class="sr-only">releasedate-min</label>
            <input type="date" class="form-control" name="releasedate-min">
          </div>
          to
          <div class="form-group">
            <label class="sr-only">releasedate-max</label>
            <input type="date" class="form-control" name="releasedate-max">
          </div>
        </div>
      </div>
      <!-- rating -->
      <div class="form-group">
        <label>Rating</label>
        <div class="form-inline">
          <div class="form-group">
            <label class="sr-only">rating-min</label>
            <select class="selectpicker" name="rating-min">
              <option value="">-</option>
              <for start="1.0" end="10.0" step="0.1">
              <option value="{$i}">{$i}</option>
              </for>
            </select>
          </div>
          to
          <div class="form-group">
            <label class="sr-only">rating-max</label>
            <select class="selectpicker" name="rating-max">
              <option value="">-</option>
              <for start="1.0" end="10.0" step="0.1">
              <option value="{$i}">{$i}</option>
              </for>
            </select>
          </div>
        </div>
      </div>
      <!-- genre -->
      <div class="form-group">
        <label>Genres</label>
        <div class="checkbox">
          <table class="table table-condensed" style="max-width:60%;">
            <tbody>
              <tr>
              <volist name="Think.config.genre_list" id="it" mod="4">
              <td><label><input type="checkbox" value="{$it}" name="genre[]">{$it}</label></td>
              <eq name="mod" value="3"></tr><tr></eq>
              </volist>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
      <!-- mpaa -->
      <div class="form-group">
        <label>MPAA</label>
        <div class="form-group">
          <div class="btn-group" data-toggle="buttons">
            <volist name="Think.config.mpaa_list" id="it">
            <label class="btn btn-default">
              <input type="checkbox" name="mpaa[]" value="{$it}">{$it}
            </label>
            </volist>
          </div>
        </div>
      </div>
      <!-- country -->
      <div class="form-group">
        <label>Country</label>
        <div class="form-group">
          <select class="selectpicker" name="country">
            <option value="">-</option>
            <volist name="Think.config.country_list" id="it">
            <option value="{$it}">{$it}</option>
            </volist>
          </select>
        </div>
      </div>
      <!-- runtime -->
      <div class="form-group">
        <label>Runtime</label>
        <div class="form-inline">
          <div class="form-group">
            <label class="sr-only">runtime-min</label>
            <input type="text" class="form-control" name="runtime-min">
          </div>
          to
          <div class="form-group">
            <label class="sr-only">runtime-max</label>
            <input type="text" class="form-control" name="runtime-max">
          </div>
        </div>
      </div>
      <!-- sort -->
      <div class="form-group">
        <label>Sort</label>
        <div class="form-group">
          <select class="selectpicker" name="sort">
            <option value="">-</option>
            <volist name="Think.config.sort_list" id="_val"> 
            <option value="{$key},asc">{$_val} Ascending</option>
            <option value="{$key},desc">{$_val} Descending</option>
            </volist>
          </select>
        </div>
      </div>
      <button type="submit" class="btn btn-default" id="findr-submit">Submit</button>
    </form>
  </div>
</div>
